<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/gerenciamentoLojista2.xhtml" >
		<ui:define name="js">
			<h:outputScript library="js" name="jquery.maskedinput-1.2.2.min.js" target="body" />
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/styles3.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folha_lojista.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folha_lojista4.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/lojistaoff.css" media="screen" />
			<style type="text/css">
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			}
			</style>
		</ui:define>
		<ui:define name="mid">
			<h:form>
			
				<div class="inside_extrato">
					<h:form id="formulario">
					
						<h:panelGroup rendered="#{cadastroLojistaBean.tela01 or cadastroLojistaBean.tela02 or cadastroLojistaBean.tela03 or cadastroLojistaBean.tela04}" >
						
							<div class="lojista_titulo1_d"></div>
						  	<div class="lojista_titulo1_1_1"></div>
						  	<div class="lojista_titulo1_c"><strong></strong></div>
						  	<div class="numero_text_aba20"> <strong></strong> </div>
						  	<div class="text_aba20"> <strong>Antes de acessar esta tela voçê precisa finalizar seu cadastro. </strong></div>
						  	<div class="line_aba20"></div>
						  	<div class="numero1_text_aba20"></div>
							<div class="text_aba20"><a4j:commandLink action="#{lojistaBean.solicitarCredenciamento}" value="Finalizar Cadastro" render="@form"/></div>
			
						
						</h:panelGroup>
					
						<h:panelGroup rendered="#{cadastroLojistaBean.tela06}" >
						
				        	<div id='cssmenu'>
				        		<ul>
				          			<li class='active'>
				            			<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.extratoVendas}" render="@all" >
											<span>EXTRATO DE VENDAS</span>
										</a4j:commandLink>
				            		</li>
				            		<li>
										<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.extratoRepasses}" render="@all" >
											<span>EXTRATO DE REPASSES</span>
										</a4j:commandLink>
									</li>
				            		<li>
				            			<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.parametros}" render="@all" >
				            				<span>PARÂMETROS</span>
				            			</a4j:commandLink>
				            		</li>
				            	</ul>	
				        	</div>
					        	
						      	
				      		<div class="buscar_vendas_part1">
							    <div class="seta"><img src="images/seta_fundocinza.jpg" width="12" height="22" /></div>
							    <div class="buscar_vendas_titulo">Buscar vendas da empresa - Informe o pedido</div>
							    <div class="seta"></div>
							    <div class="data1_text">Período</div>
							    <div class="data1">
							    	<h:inputText id="dtInicio" value="#{lojistaGerenciamentoVendasBean.dataini}" >
							    		<f:convertDateTime pattern="dd/MM/yyyy" />
							    	</h:inputText>
							    	<rich:jQuery selector="#formulario\:dtInicio" query="mask('99/99/9999')" timing="domready" />
						    	</div>
						    	<div class="seta">a</div>
							    <div class="data1">
						      		<h:inputText id="dtFim" value="#{lojistaGerenciamentoVendasBean.datafim}" >
							    		<f:convertDateTime pattern="dd/MM/yyyy" />
							    	</h:inputText>
							    	<rich:jQuery selector="#formulario\:dtFim" query="mask('99/99/9999')" timing="domready" />
						      	</div>
						      	<div class="data1data1">
							      	<h:selectOneMenu value="#{lojistaGerenciamentoVendasBean.meioCaptura}" converter="meioCapturaConverter" style="width:160px">
				       	    			<f:selectItem itemLabel="Todos" noSelectionOption="true" />
					          			<f:selectItems value="#{lojistaGerenciamentoVendasBean.meiosCaptura}"  var="mc" itemLabel="#{mc.nome}" itemValue="#{mc}" />
					          		</h:selectOneMenu>
				          		</div>
						  	</div>
						  	
						  	<div class="buscar_vendas_divisor1"></div>
						  	
					    	<div class="buscar_vendas_part1a">
					      		<div class="seta">
					      			<img src="images/seta_fundocinza.jpg" alt="" width="12" height="22" />
					      		</div>
						      	<div class="buscar_vendas_titulo">Buscar vendas pelos dados do cliente</div>
						      	<div class="seta"></div>
						      	<div class="data2_text">Nº do cartão: </div>
						      	<div class="data2">
						      		<h:inputText value="#{lojistaGerenciamentoVendasBean.numeroCartao}" style="width:130px" />
						      	</div>
						     	<div class="data2_text">Nome Cliente: </div>
						      	<div class="data3">
						      		<h:inputText value="#{lojistaGerenciamentoVendasBean.nome}" style="width:140px" />
						      	</div>
						      	
							 </div>

				  			 <div class="buscar_vendas_divisor1"></div>
				  			 	
				  			 <h:panelGrid style="margin-left: auto; width:100%; background-color:#f2f2f2;">
					  			  <h:panelGrid columns="1" style="margin-left: auto;">
								    	<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.buscarVendas}" execute="@form" render="@all" >
				            				<img src="images/botaobuscar_verde.jpg" />
				            			</a4j:commandLink>
								   </h:panelGrid>
							  </h:panelGrid>
				  			 
					    	 <div class="buscar_vendas_part3"><strong>Resultado da busca</strong></div>
						     	<div class="buscar_vendas_part4">
						     		<h:panelGroup rendered="#{lojistaGerenciamentoVendasBean.buscaNome}" >
						      			<div class="data2_text" align="right">Cliente:</div>
								      	<div class="data7">
								      		<h:outputText value="#{lojistaGerenciamentoVendasBean.nome}" />
								      	</div>
							      	</h:panelGroup>
							      	<h:panelGroup rendered="#{lojistaGerenciamentoVendasBean.buscaNumero}" >
						      			<div class="data2_text" align="right">Numero Cartão:</div>
								      	<div class="data7">
								      		<h:outputText value="#{lojistaGerenciamentoVendasBean.numeroCartao}" />
								      	</div>
							      	</h:panelGroup>
							      	<div class="data2_text" align="right">Periodo:</div>
							      	<div class="data7">
							      		<h:outputText value="#{lojistaGerenciamentoVendasBean.dataini}">
						      				<f:convertDateTime pattern="dd/MM/yyyy" /> 
						      			</h:outputText> 
						      			a
						      			<h:outputText value="#{lojistaGerenciamentoVendasBean.datafim}">
						      				<f:convertDateTime pattern="dd/MM/yyyy" /> 
						      			</h:outputText> 
							      	</div>
							  	</div>
								<div class="buscar_vendas_divisor1"></div>

								<a4j:repeat value="#{lojistaGerenciamentoVendasBean.listasConsumos}" var="listaConsumo" >								
								
								    <div class="buscar_vendas_part5">
							      		<div class="seta"></div>
								      	<div class="data3_text">
								      		<strong>
								      			Data:
								      			<h:outputText value="#{listaConsumo.data}">
								      				<f:convertDateTime pattern="dd/MM/yyyy" /> 
								      			</h:outputText> 
								      		</strong>
								      	</div>
								      	
								      	<div class="tabela_parte_verde1">Nº Autorização</div>
								      	<div class="tabela_parte_verde2">Nº Doc.</div>
								      	<div class="tabela_parte_verde2a">Horário</div>
								      	<div class="tabela_parte_verde3">Nº Cartão</div>
								      	<div class="tabela_parte_verde3">Nome Cliente</div>
								      	<div class="tabela_parte_verde2a">Valor</div>
								      	<div class="tabela_parte_verde3">Data/Hora Cancel</div>
								      	<div class="tabela_parte_verde2">Nº Cancel.</div>
								      	<div class="tabela_parte_verde2a">Origem</div>
								      	 	
								      	
								      	<a4j:repeat value="#{listaConsumo.itensVendas}" var="itemVenda" >
								      	
									      	<div class="tabela_parte_cinza1">
									      		<h:outputText value="#{itemVenda.numeroAutorizacao}" />
									      	</div>
									      	<div class="tabela_parte_cinza2">
									      		<h:outputText value="#{itemVenda.numeroDocAutorizacao}" />
									      	</div>
									      	<div class="tabela_parte_cinza2a">
									      		<h:outputText value="#{itemVenda.horaVenda}" >
									      			<f:convertDateTime pattern="hh:mm" /> 
									      		</h:outputText> 	
									      	</div>
									      	<div class="tabela_parte_cinza3">
									      		<h:outputText value="#{itemVenda.numeroCartao}" />
									      	</div>
									      	<div class="tabela_parte_cinza3">
									      		<h:outputText value="#{itemVenda.nomeClienteSimpl}" title="#{itemVenda.nomeCliente}" />
									      	</div>
									      	<div class="tabela_parte_cinza2a">
									      		<h:outputText value="#{itemVenda.valorAutorizacao}" >
									      			<f:convertNumber type="currency" />
									      		</h:outputText>
									      	</div>
									      	<div class="tabela_parte_cinza3">
									      		<h:outputText value="#{itemVenda.dataHoraCancelamento}" >
									      			<f:convertDateTime pattern="hh:mm" /> 
									      		</h:outputText> 	
									      	</div>
									      	<div class="tabela_parte_cinza2">
									      		<h:outputText value="#{itemVenda.numeroDocCancelamento}" />
									      	</div>
									      	<div class="tabela_parte_cinza2a">
									      		<h:outputText value="Web" rendered="#{itemVenda.tipoAutorizacao == 'W'}" />
									      		<h:outputText value="Pos" rendered="#{itemVenda.tipoAutorizacao == 'P'}" />
									      		<h:outputText value="C.at." rendered="#{itemVenda.tipoAutorizacao == 'A'}" />
									      		<h:outputText value="GCa" rendered="#{itemVenda.tipoAutorizacao == 'C'}" />
									      		<h:outputText value="Tef" rendered="#{itemVenda.tipoAutorizacao == 'T'}" />
									      		<h:outputText value="Ura" rendered="#{itemVenda.tipoAutorizacao == 'U'}" />
									      	</div>
								      	
								      	</a4j:repeat>
								      	
								      	<div class="tabela_parte_spacer1"></div>
								      	<div class="tabela_parte_spacer2"></div>
								      	<div class="tabela_parte_spacer3"></div>
								      	<div class="tabela_parte_spacer4">Total do dia:</div>
								      	<div class="tabela_parte_spacer3">
								      		<strong>
								      			<h:outputText value="#{listaConsumo.valorDia}" >
								      				<f:convertNumber type="currency" />
								      			</h:outputText> 
								      		</strong>
								      	</div>
								      	<div class="tabela_parte_spacer3"></div>
								      	<div class="tabela_parte_spacer1"></div>
								      	<div class="tabela_parte_spacer3"></div>
								    </div>
								  	<div class="buscar_vendas_divisor1"></div>
								
								</a4j:repeat>  	
								  	
								<h:panelGroup>
								
								  	<div class="buscar_vendas_part4">
								      	<div class="spacer1"></div>
								      	<div class="tabela_parte_spacer1"></div>
								      	<div class="tabela_parte_spacer2"></div>
								      	<div class="tabela_parte_spacer5">Somatório Total:</div>
								      	<div class="tabela_parte_spacer3">
								      		<strong>
								      			<h:outputText value="#{lojistaGerenciamentoVendasBean.valorTotal}" >
								      				<f:convertNumber type="currency" />
								      			</h:outputText> 
								      		</strong>
								      	</div>
								      	<div class="tabela_parte_spacer3"></div>
								      	<div class="tabela_parte_spacer1"></div>
								      	<div class="tabela_parte_spacer3"></div>
								      	<div class="spacer1"></div>
								      	<div class="tabela_parte_spacer1"></div>
								      	<div class="tabela_parte_spacer2"></div>
								      	<div class="tabela_parte_spacer5">Quantidade de transações:</div>
								      	<div class="tabela_parte_spacer3">
								      		<strong>
								      			<h:outputText value="#{lojistaGerenciamentoVendasBean.qtdeTransacoes}" />
								      		</strong>
								      	</div>
								      	<div class="tabela_parte_spacer3"></div>
								      	<div class="tabela_parte_spacer1"></div>
								      	<div class="tabela_parte_spacer3"></div>
								    </div>
								    <div class="buscar_vendas_divisor1"></div>
								    <div class="inside_rodape_ranking2">
								    </div>
								    <div class="inside_rodape_ranking3" align="right">
								    	<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.imprimir}">
								    		<img src="images/imprimir_small.jpg" width="48" height="24" />
								    	</a4j:commandLink>
								    </div>
								
								</h:panelGroup>  	
					
						</h:panelGroup>
					
					</h:form>
				</div>

			</h:form>
		</ui:define>
	</ui:composition>

</html>